<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
    <div>
        <form action="./03_cookie总结.html"  method="GET"  >
            <div>
                <label for="user">用户名</label>
                <input name="user" type="text" id="user" placeholder="请输入用户名">
            </div>
            <div>
                <label for="phone">手机号码</label>
                <input name="phone" type="text" id="phone" placeholder="请输入手机号码">
            </div>
            <div>
                <label for="pass">密码</label>
                <input name="pass" type="password" id="pass" placeholder="请输入密码">
            </div>
            <div>
                <label for="email">邮箱</label>
                <input name="email" type="text" id="email" placeholder="请输入邮箱">
            </div>
            <div>
                <button type="submit" id="savebtn" >注册</button>
            </div>
        </form>
    </div>

    <script>
        //  ajax  是指一种创建交互式网页应用的网页开发技术

        //  这里的交互指客户端和服务器的数据是可以相互传递和使用的 
        //  服务器端 和  客户端  

        //  XML ==> JSON 一种类似于HTML的标记语言，可以将数据结构化，XML已经被JSON淘汰了

        //  异步  异步指程序可以同时执行，同步指程序需要按照顺序执行

        // ajax 产生 的背景  以前做数据交互的时候，大家通常选择使用表单的方式提交数据，表单提交这种方式，默认的时候会由当前页面跳转到action页面，所以用户体验及其糟糕
        
        // ajax 的特点  在不提交整个页面的前提下 实现页面的异步局部刷新    (指不刷新当前页面，把某些数据传递给服务器，把对应的数据从服务器拿回客户端)
    </script>
</body>
</html>